
/*清浮动*/
.clearfix:after {
	content: "";
	display: block;
	clear: both
}

.clearfix>:first-child {
	float: left
}

.clearfix>:last-child:not(:first-child) {
	float: right
}

.clearfix-by-table {
	overflow: hidden
}

.clearfix-by-table:after {
	content: " ";
	display: table;
	clear: both
}

.clearfix-by-table>:first-child {
	float: left
}

.clearfix-by-table>:last-child:not(:first-child) {
	float: right
}

.float-left {
	float: left
}

.float-right {
	float: right
}

.centered-block {
	display: block;
	margin: 0 auto
}

.align-left {
	text-align: left
}

.align-right {
	text-align: right
}

.align-center {
	text-align: center
}

.align-justify {
	text-align: justify
}

.hidden {
	display: none!important
}

@media (max-width:768px) {
	.hidden {
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		height: 1px;
		width: 1px;
		margin: -1px;
		padding: 0;
		border: 0
	}
}

button,hr,input {
	overflow: visible;
}

audio,canvas,progress,video {
	display: inline-block;
}

progress,sub,sup {
	vertical-align: baseline;
}

html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
	display: block;
}
ul{
	margin: 0;
    padding: 0;
}
h1 {
	margin: .67em 0;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
}

code,kbd,pre,samp {
	font-family: monospace,monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,strong {
	font-weight: bolder;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,input,optgroup,select,textarea {
	margin: 0;
}

button,select {
	text-transform: none;
}
[type=reset],[type=submit],button,html [type=button] {
	-webkit-appearance: button;
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
	outline: ButtonText dotted 1px;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

textarea {
	overflow: auto
}
[type=checkbox],[type=radio] {
	box-sizing: border-box;
	padding: 0;
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height: auto;
}
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

.readmore:after,[class*=" icon-"],[class^=icon-] {
	font-family: icomoon!important;
	speak: none;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

summary {
	display: list-item
}
[hidden],template {
	display: none;
}

@font-face {
	font-family:icomoon;
	src:url(//meiqia-site-qcloud.meiqia.com/v2/stylesheets/fonts/icomoon.eot);
	src:url(//meiqia-site-qcloud.meiqia.com/v2/stylesheets/fonts/icomoon.eot#iefix) 
	format('embedded-opentype'),url(//meiqia-site-qcloud.meiqia.com/v2/stylesheets/fonts/icomoon.woff2) 
	format('woff2'),url(//meiqia-site-qcloud.meiqia.com/v2/stylesheets/fonts/icomoon.ttf) 
	format('truetype'),url(//meiqia-site-qcloud.meiqia.com/v2/stylesheets/fonts/icomoon.woff) 
	format('woff'),url(//meiqia-site-qcloud.meiqia.com/v2/stylesheets/fonts/icomoon.svg#icomoon) 
	format('svg');
	font-weight:400;
	font-style:normal;
}
[class*=" icon-"],[class^=icon-] {
	font-style: normal;
	font-weight: 400;
	line-height: 1;
}




.icon-weibo:before {
	content: "\f18a";
}

.icon-wechat:before{
	content: "\f1d7";
}
h2,h3 {
	line-height: 2.18;
}


.btn {
	box-sizing: border-box;
	display: inline-block;
	border: none;
	outline: 0;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 999px;
	background-color: #fff;
	color: #414141;
	transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
}


/*蓝色按钮*/
.btn.btn-primary {
	color: #fff;
	background-color: #6ed0ce;
}

.btn.btn-primary:hover {
	background-color: #47c4c1;
}

.btn[disabled],.btn[disabled]:hover {
	background-color: #dcdcdc;
}

.btn.btn-large {
	padding: .875rem 3rem;
	font-size: 1rem;
	border-radius: 4px;
}

.btn.btn-large.btn-size-fixed {
	height: 48px;
	width: 128px;
	padding: 0 3rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.icon-bars:before, .icon-navicon:before, .icon-reorder:before {
    content: "\f0c9";
}

.btn[disabled]:hover {
	cursor: not-allowed;
}

a.btn.btn-size-fixed {
	display: table-cell;
}

@font-face {
	font-family:"PingFang SC";src:local("PingFang SC Thin");
}

@font-face {
	font-family:"PingFang SC";src:local("PingFang SC Light");
}

@font-face {
	font-family:"PingFang SC";src:local("PingFang SC Regular");
}

@font-face {
	font-family:"PingFang SC";font-weight:500;src:local("PingFang SC Medium");
}

@font-face {
	font-family:"PingFang SC";font-weight:700;src:local("PingFang SC Semibold");
}

@font-face {
	font-family:"PingFang SC";font-weight:800;src:local("PingFang SC Heavy");
}

:root {
	font-size: 16px;
}

@media (max-width:768px) {
	:root {
		font-size: 14px;
	}
}

body {
	margin: 0;
	/*font-family: 'Droid Sans Fallback','PingFang SC','Microsoft YaHei','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif;*/
}

h1 {
	font-size: 3rem;
	line-height: 1.22;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.5rem;
}

a {
	color: #6ed0ce;
	text-decoration: none;
	outline: 0;
	cursor: pointer;
}

/*升级浏览器*/
#outdated-notice {
	display: none;
	z-index: 999;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 64px;
	background: #ffffe9;
	color: #1e5494;
	border-bottom: 1px solid #e6e6c6;
	text-align: center;
	line-height: 64px;
	font-size: 18px
}

@media (max-width:768px) {
	#outdated-notice {
		padding: 1rem 0;
		height: 4rem;
		line-height: 1.5
	}
}


/*导航栏*/
#header {
	left: 0;
	right: 0;
	position: fixed;
	top: 0;
	margin: 0 auto;
	z-index: 1;
	height: 5rem;
	padding: 0;
	background-color: transparent;
}

@media screen and (min-width:1440px) {
	#header {
		transition: background-color .2s ease-out;
	}

	#header .content-wrapper {
		position: relative;
		width: auto;
		width: 1200px;
		margin: 0 auto;
	}
}

@media screen and (min-width:1024px) and (max-width:1440px) {
	#header {
		transition: background-color .2s ease-out;
	}

	#header .content-wrapper {
		min-width: 1000px;
		max-width: 1200px;
		margin: 0 auto;
	}
}

#header .menu__item a.link {
	color: #2a3541;
}


#header .logo {
	display: flex;
	margin: 1.5rem;
	height: 2rem;
	align-items: center;
	transition: background-color .5s linear;
}
/*白色logo*/
#header .logo .logo-img {
	width: 80px;
	height: 80px;
/*	background-size: cover;*/
/*	background-image: url(../img/logo1.png);*/
	background: url(../img/logo0.png) center left no-repeat;
	background-size: 60%;
	/*image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges*/
}
/*彩色logo*/
#header.inverted .logo .logo-img {
	background: url(../img/logo.png) center left no-repeat;
	background-size: 60%;
}
@media (-webkit-min-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx) {
	#header .logo .logo-img {
		background: url(../img/logo0.png) center left no-repeat;
		background-size: 60%;
	}
}

@media screen and (min-width:1920px) {
	#header .logo .logo-img {
		background: url(../img/logo0.png) center left no-repeat;
		background-size: 60%;
	}
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2 * 96dpi) {
	#header .logo .logo-img {
		background: url(../img/logo0.png) center left no-repeat;
		background-size: 60%;
	}
}
/*导航栏选项*/
#header nav {
	font-size: 1rem;
}

#header nav .menu--primary {
	display: none
}

@media screen and (min-width:1024px) {
	#header .menu__item a.link {
		color: #fff;
	}

	#header nav .menu--primary {
		display: flex
	}
}

@media screen and (min-width:1024px) and (max-width:1440px) {
	#header nav .menu--primary  {
		justify-content: flex-end;
	}
}
#header nav .menu--primary .link:hover+.menu-dropdown,
#header nav .menu--primary .link:hover+.menu-dropdown__product,
#header nav .menu--primary .menu-dropdown:hover,
#header nav .menu--primary .menu-dropdown__product:hover {
	display: flex!important
}
.icon-caret-down:before {
    content: "\f0d7";
}
#header .menu__item a.link .icon-caret-down {
    margin-left: 6px;
}

/*下载页面的头部*/
#header.color-inverse .menu__item a .active,#header.inverted .menu__item a.link .active {
	padding: 5px 0;
	border-bottom: 1px solid #767d85;
}

#header.color-inverse .menu__item a {
	color: #767d85
}


#header.color-inverse .logo .logo-img{
	background-image: url(../img/logo.png)
}

@media (-webkit-min-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx) {
	#header.color-inverse .logo .logo-img{
		background-image: url(../img/logo.png)
	}
}

@media screen and (min-width:1920px) {
	#header.color-inverse .logo .logo-img{
		background-image: url(../img/logo.png)
	}
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2 * 96dpi) {
	#header.color-inverse .logo .logo-img{
		background-image: url(../img/logo.png)
	}
}
#header.inverted nav .nav-toggle {
	height: 4rem;
	color: #2a3541
}
#header.color-inverse nav .nav-toggle {
	color: #767d85
}
#header nav .nav-toggle {
	display: flex;
	border: none;
	outline: 0;
	height: 5rem;
	margin-right: 1rem;
	padding: 0;
	background: 0 0;
	font-size: 2rem;
	color: #fff
}
@media screen and (min-width:1024px) {
	#header nav .nav-toggle {
		display: none;
		height: auto
	}
}

#header nav .nav-toggle:hover+.menu--primary {
	display: flex
}



#header.inverted {
	height: 4rem;
	background-color: #fff;
	box-shadow: 0 4px 12px 0 rgba(52,63,75,.06),0 10px 40px 0 rgba(52,63,75,.06),0 0 0 1px rgba(52,63,75,.02)
}

#header.inverted .menu__item a.link {
	color: #2a3541
}

#header.inverted .logo {
	margin: 1rem 1.5rem
}


@media (-webkit-min-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(min-resolution:1.5dppx) {
	#header.inverted .logo .logo-img {
		background: url(../img/logo.png) center left no-repeat;
		background-size: 60%;
	}
}

@media screen and (min-width:1920px) {
	#header.inverted .logo .logo-img {
		background: url(../img/logo.png) center left no-repeat;
		background-size: 60%;
	}
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2 * 96dpi) {
	#header.inverted .logo .logo-img {
		background: url(../img/logo.png) center left no-repeat;
		background-size: 60%;
	}
}

#header.inverted .pic-img>.menu__item>a.link {
	padding: 1rem 1.2rem;
}

@media (max-width:768px) {
	#header.inverted .logo-img {
		top: 4rem;
	}

	#header.inverted .logo-img>.menu__item>a.link {
		padding: 0 1.5rem;
	}

	#footer .content-wrapper>.list-cells:first-child {
		flex-direction: column;
		align-items: center;
	}
}


#header.inverted .menu--primary>.menu__item>a.link {
	padding: 1rem 1.2rem;
}

@media (max-width:768px) {
	#header.inverted .menu--primary {
		top: 4rem;
	}

	#header.inverted .menu--primary>.menu__item>a.link {
		padding: 0 1.5rem;
	}

	#footer .content-wrapper>.list-cells:first-child {
		flex-direction: column;
		align-items: center
	}
}

/*头部导航栏列表*/

.menu .menu__item a.link {
	color: #767d85;
	font-size: .875rem;
	cursor: pointer
}

.menu .menu__item a.link:visited {
	color: #767d85
}

.menu .menu__item a.link:hover,
section.banner .content-wrapper.color-inverse h2,
section.banner .content-wrapper.color-inverse p {
	color: #2a3541
}

.menu .menu__item a.link .active {
	padding: 5px 0;
	border-bottom: 1px solid #fff
}

/*解决方案下拉导航列表*/
.list-dropdown {
    display: flex;
    margin: 0 auto;
    padding: 0;
    flex-direction: column;
    align-items: center;
}
.list-dropdown .list__item, .list-dropdown>* {
    display: flex;
    align-items: center;
    align-content: center;
}
#header nav .menu-dropdown .solutionlists {
    /*color: #767d85;*/
    font-size: 1rem;
}
#header nav .menu-dropdown .solutioneng {
    color: #5a6978;
    max-width: 60%;
    line-height: 1.67;
    align-items: flex-start;
    font-size: .75rem;
    text-align: center;
}
@media (min-width: 768px){
	.menu.menu-dropdown {
	    /*display: flex;
	    margin: 0 auto;*/
	    padding: 0;
	    flex-direction: row;
	    flex-wrap: wrap;
	    align-items: center;
	    align-content: center;
	    justify-content: center;
	    position: absolute;
	    z-index: 1;
	    right: 0;
	    left: 0;
	    top: 64px;
	    border-radius: 0 0 3px 3px;
	    background-color: #fff;
	    box-shadow: 0 4px 12px 0 rgba(52,63,75,.06), 0 0 0 1px rgba(52,63,75,.02);
	}
	.menu.menu-dropdown .menu__item {
	    display: flex;
	    align-items: center;
	    height: 100%;
	}
	.menu.menu-dropdown>* {
	    display: flex;
	    flex-grow: 1;
	}
	#header nav .menu-dropdown .menu__item a {
	    color: #2a3541;
	}
	#header nav .menu-dropdown .menu__item a:hover{
		color: #767d85;
	}
	.menu.menu-dropdown .menu__item a.list-dropdown {
	    justify-content: center;
	    box-sizing: border-box;
	    width: 100%;
	    height: 60px;
	    text-align: center;
	}
	.menu.menu-dropdown .menu__item a.list-dropdown:hover {
		background-color: #f2f2f2;
	}
	
	.menu.menu-dropdown .menu__item a.list-dropdown>* {
	    flex-basis: 10%;
	    max-height: 40px;
	    margin: .5rem auto;
	}

}
.menu.menu--primary>.menu__item {
    flex-grow: 0;
    position: relative;
}
@media (max-width:768px) {
	.menu.menu-dropdown {
	    display: flex;
	    margin: 0 auto 1rem;
	    flex-direction: column;
	    height: auto;
	    width: 100%;
	    z-index: 999;
	    align-items: flex-start;
	    padding: 1rem 0 2rem;
	    border-top: 1px solid #D8D8D8;
	    border-bottom: 1px solid #D8D8D8;
	}
	.menu.menu--primary>.menu__item {
	    flex-direction: column;
	    width: 100%;
	}
	.menu.menu-dropdown .list__item, .menu.menu-dropdown>* {
	    display: flex;
	    align-items: center;
	    align-content: center;
	}
	.menu.menu-dropdown .menu__item a {
	    height: 3.5rem;
	    width: 300px;
	    margin: 0;
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	    color: #5a6978;
	}
	.menu.menu-dropdown .menu__item a .solutionlists, 
	.menu.menu-dropdown .menu__item a .solutioneng {
	    height: 20px;
	    line-height: 20px;
	}
}

@media (max-width:768px) {
	.menu .menu__item a.link .active {
		border-bottom: 1px solid #767d85
	}	
}

@media screen and (min-width:1024px) {
	.menu.menu--primary {
		display: flex;
		margin: 0 auto;
		padding: 0;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		justify-content: center
	}

	.menu.menu--primary .list__item,.menu.menu--primary>* {
		display: flex;
		flex-grow: 1
	}

	.menu.menu--primary>.menu__item:first-child>a.link {
		padding: 1.5rem
	}
}

@media (max-width:768px) {
	.menu .menu__item a.link {
		font-size: 1.125rem
	}

	.menu.menu--primary {
		display: flex;
		margin: 0 auto;
		flex-direction: column;
		align-items: center;
		position: absolute;
		left: 0;
		right: 0;
		top: 5rem;
		padding: 2rem 3rem;
		background-color: #fff;
		box-shadow: 0 4px 12px 0 rgba(52,63,75,.06),0 10px 40px 0 rgba(52,63,75,.06),0 0 0 1px rgba(52,63,75,.02)
	}

	.menu.menu--primary .list__item,.menu.menu--primary>* {
		display: flex;
		align-items: center;
		align-content: center
	}
}

@media screen and (min-width: 1024px){
	#header nav .menu--primary {
	    display: flex;
	}
	.menu.menu--primary>.menu__item {
		flex-grow: 0
	}
	
	.menu.menu--primary>.menu__item>a.link {
		display: block;
		height: 2rem;
		line-height: 2rem;
		padding: .5rem 1.5rem
	}
}


@media screen and (min-width:1024px) {
	.menu.menu--primary>.menu__item>a.link {
		padding: 1.5rem 1.2rem
	}

	.menu.menu--primary>.menu__item>a.link [class*=" icon-"],.menu.menu--primary>.menu__item>a.link [class^=icon-] {
		font-size: 10px
	}
}

@media (max-width:768px) {
	.menu.menu--primary>.menu__item {
		flex-direction: column;
		width: 100%
	}

	.menu.menu--primary>.menu__item>a.link {
		width: 100%;
		height: 3rem;
		line-height: 3rem;
		padding: 0 1.5rem 1rem;
		justify-content: center
	}

	.menu.menu--primary>.menu__item>a.link.active [class*=" icon-"]:before,.menu.menu--primary>.menu__item>a.link.active [class^=icon-]:before {
		content: '\f0d8'
	}
}

@media screen and (max-width:768px) {
	.menu.menu--primary>.menu__item>.btn {
		margin: 2rem auto 0 0;
		padding-bottom: .875rem;
		text-align: center;
		width: 100%
	}

	.menu.menu--primary>.menu__item>.btn.signup {
		margin-top: 6rem
	}
}

@media screen and (min-width:768px) {
	.menu.menu--primary>.menu__item:hover [class*=" icon-"]:before,.menu.menu--primary>.menu__item:hover [class^=icon-]:before {
		content: '\f0d8'
	}

	.menu.menu--primary>.menu__item>.btn {
		margin: 0 10px 0 0
	}
}

.menu.menu--primary>.menu__item>.btn.signup {
	color: #767d85;
	background-color: transparent;
	box-shadow: inset 0 0 0 1px #767d85
}

@media screen and (min-width:1024px) {
	.menu.menu--primary>.menu__item>.btn.signup {
		margin-left: 32px;
		color: #fff;
		box-shadow: inset 0 0 0 1px #fff
	}
}

.menu.menu--primary>.menu__item>.btn.signup:hover {
	opacity: .8
}

/*公共样式*/
section.banner,section.product-content {
	display: flex;
	align-items: center;
	align-content: center
}

ul.menu {
	list-style: none
}

section.banner {
	justify-content: center;
	height: 600px;
	background-size: cover
}

section.banner.move-up {
	background-position: center -10px;
	transition: backgrond-position .2s ease-in
}

section.banner .content-wrapper {
	max-width: 850px;
	padding: 0 1.5rem;
	text-align: center
}

section.banner .content-wrapper h2 {
	margin: 0 auto;
	line-height: 1.57;
	font-size: 2.25rem;
	text-align: center;
	letter-spacing: .5px;
	color: #fff
}
@media (max-width:768px) {
	section.banner .content-wrapper h2 {
		font-size: 2rem;
	}
}
@media screen and (min-width:1024px) {
	section.banner .content-wrapper h2 {
		font-size: 2rem
	}
}

section.banner .content-wrapper p {
	line-height: 1.4;
	font-size: 1.125rem;
	color: #fff
}

section.banner .content-wrapper button {
	margin-top: 4rem;
	min-width: 160px
}



/*5个服务和产品公共样式*/
section.product-content {
	justify-content: center;
	height: 300px
}

@media screen and (min-width:1024px) {
	section.banner .content-wrapper button {
		margin-top: 5rem
	}

	section.product-content {
		height: 700px
		
	}

	section.product-content.detail-web,section.product-content.detail-pc {
		height: 700px
	}
	
	section.product-content .content-wrapper {
		width: 750px
	}
}

section.product-content .content-wrapper {
	padding: 0;
	max-width: 100%;
}

section.product-content h2 {
	margin: 0 auto .25rem;
	text-align: center;
	font-size: 1.4rem;
	color: #2a3541;
	line-height: 1.5
}

@media screen and (min-width:1024px) {
	section.product-content h2 {
		font-size: 2.25rem
	}
}

@media screen and (min-width:1024px) and (max-width:1440px) {
	section.product-content {
		height: 600px
	}
	section.product-content h2 {
		font-size: 1.5rem
	}
}

section.product-content h3 {
	font-size: 1.6rem
}

@media screen and (min-width:1024px) {
	section.product-content h3 {
		font-size: 1.3rem
	}
}
@media (max-width:768px) {
	section.product-content .content-wrapper {
		padding: 0 1.5rem;
		max-width: 100%;
	    box-sizing: border-box;
	}
	section.product-content h2 {
	    font-size: 1.4rem;
	}
	section.product-content h3 {
	    font-size: 1.2rem;
	}
}
section.product-content p {
	margin: 0 auto;
	line-height: 1.8;
	text-align: center;
	font-size: 1.125rem;
	color: #7D858E
}

@media screen and (min-width:1024px) and (max-width:1440px) {
	section.product-content p {
		font-size: 1rem
	}
}



/*免费试用*/
.free-use {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	padding: 3rem 0;
	background-color: #f7f8f9
}

@media screen and (min-width:1024px) {
	.free-use {
		padding: 110px 0 120px
	}
}

.free-use .content-wrapper {
	padding: 0 1.5rem;
	max-width: 750px;
	text-align: center
}



.free-use .content-wrapper h2 {
	margin: 0 auto 1rem;
	text-align: center;
	font-size: 2.25rem;
	color: #2a3541
}

@media screen and (min-width:1024px) {
	.free-use .content-wrapper h2 {
		font-size: 1.8rem
	}

}
@media (max-width:768px) {
	.free-use .content-wrapper {
		width: 80%
	}
	.free-use .content-wrapper h2 {
	    font-size: 1.8rem;
	}
}


/*了解更多*/
.readmore {
	min-width: 64px;
	height: 30px;
	font-size: 1.125rem;
	line-height: 1.88;
	color: #6ed0ce;
}

.readmore--light {
	color: #fff;
}

.readmore[disabled] {
	cursor: not-allowed;
	color: #a9a9a9;
}

.readmore[disabled]:hover {
	text-decoration: none;
}

.readmore:after {
	display: inline-block;
	margin-left: 5px;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	vertical-align: sub;
	content: "\f105";
}

.readmore:hover {
	text-decoration: underline;
}


/*首页banner*/
.banner.banner-content {
	height: 100vh;
	/*background: linear-gradient(rgba(52,63,75,.7),rgba(52,63,75,.7)),url(../img/8.jpg) center center no-repeat;
	background-size: 100%;*/
	/*background-image: linear-gradient(rgba(52,63,75,.7),rgba(52,63,75,.7)),url(////meiqia-site-qcloud.meiqia.com/v2/images/banner-home.jpg);*/
	/*background-image: linear-gradient(rgba(52,63,75,.7),rgba(52,63,75,.7)),url(../img/3.jpg);*/
	background-attachment: fixed;
	background-image:linear-gradient(rgba(52,63,75,.7),rgba(52,63,75,.7)),url(../img/8.jpg);
}

.banner.banner-content.solution {
	height: 100vh;
	background-attachment: fixed;
	/*background-image:linear-gradient(rgba(52,63,75,.7),rgba(52,63,75,.7)),url(../img/1.jpg);*/
	background-image:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)),url(../img/1.jpg);
}



@media (max-width:768px) {
	.banner.banner-content {
		background-attachment: initial;
		background-position: bottom
	}
}

@media screen and (min-width:1024px) {
	.banner.banner-content .content-wrapper h2 {
		line-height: 1.25;
		font-size: 3rem
	}
}

@media screen and (min-width:1024px) and (max-width:1440px) {
	.banner.banner-content .content-wrapper h2 {
		line-height: 1.5;
		font-size: 2.25rem
	}
}

@media screen and (min-width:1024px) {
	.banner.banner-content .content-wrapper p {
		margin: 1.25rem auto 0;
		line-height: 2.15;
		font-size: 1.75rem
	}
}

@media screen and (min-width:1024px) and (max-width:1440px) {
	.banner.banner-content .content-wrapper p {
		margin: .875rem auto 0;
		line-height: 1.8;
		font-size: 1.25rem
	}
}

.banner.banner-content .btn {
	padding-left: 3rem;
	padding-right: 3rem;
	margin-top: 8rem
}


/*五个服务*/
section.product-content.service-con {
	height: 96rem
}

@media screen and (min-width:1024px) {
	section.product-content.service-con {
		height: 700px
	}
}

@media screen and (min-width:1024px) and (max-width:1440px) {
	section.product-content.service-con {
		height: 600px
	}
}
.product-content .content-wrapper h2 {
	margin-bottom: 2rem;
	line-height: 1.7
}


section.product-content.detail-applet h3 {
    margin: 0;
    line-height: 1.6;
    margin-bottom: 1rem;
    color: #7D858E;
    font-weight: normal;
    font-size: 1.6rem;
}

.product-content .content-wrapper p {
	font-size: .875rem;
	color: #7D858E
}


section.product-content .content-wrapper {
	width: 1280px
}


@media screen and (min-width:1024px) {
	.product-content .content-wrapper h2 {
		margin-bottom: 5rem
	}
	.product-content .content-wrapper>.list-cells {
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: nowrap
	}
	
	.product-content .content-wrapper>.list-cells .list-item {
		max-width: 330px
	}
	
	.product-content .content-wrapper>.list-cells .list-item p {
		max-width: 200px
	}
	
	.product-content.service-con .content-wrapper>.list-cells .list-content img {
		width: 80px;
		height: 80px
	}
}
@media (max-width:768px) {
	.product-content.service-con .content-wrapper>.list-cells .list-content img {
	    width: 60px;
	    height: 60px;
	}
	.product-content.service-con {
	    height: 100rem;
	}
}
/*产品详解*/
.product-content.detail-applet {
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: cover
}

@media (max-width:768px) {
	.product-content.detail-applet {
		flex-direction: column;
		height: 35rem
	}
}

.product-content.detail-applet .pic-img {
	width: 100%;
	height: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

@media screen and (min-width:1024px) {
	.btn,.product-content.pro-applet .btn {
		margin-top: 4rem
	}

	.product-content.detail-applet .pic-img {
		max-width: 880px;
		height: 576px;
		background-position: center center;
	}
}

.product-content.detail-applet .content-wrapper {
	text-align: center
}

@media (max-width:768px) {
	.product-content.detail-applet .content-wrapper {
		margin-top: 2rem;
		transform: none
	}
}

@media screen and (min-width:1024px) {
	.product-content.detail-applet .content-wrapper {
		height: 50%;
		max-width: 450px;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		align-content: center;
		justify-content: center;
		text-align: left
	}
}
.product-content.detail-applet h2 {
	color: #2A3541;
	line-height: 1.5;
	margin-bottom: 0;
}
.product-content.detail-applet p {
	color: #7D858E
}

.product-content.detail-applet h2,.product-content.detail-applet p {
	width: 100%;
	text-align: center
}
.product-content.detail-applet .btn {
	margin-top: 2rem
}
@media (max-width: 768px)
	.banner.banner-content {
    background-attachment: initial;
    background-position: bottom;
}



/*小程序详解图片*/
.product-content.detail-applet .pic-img {
/*	max-width: 540px;*/
	margin-right: 0 !important;
}
.product-content.detail-applet .pic-img img{
	display: flex;
    margin: auto;
    height: 100%;
    box-shadow: 0 4px 12px 0 rgba(52,63,75,.06), 0 10px 40px 0 rgba(52,63,75,.06), 0 0 0 1px rgba(52,63,75,.02);
}
.product-content.detail-applet.pat .pic-img {
	background-image: url(../img/product1.jpg);
}
.product-content.detail-applet.doc .pic-img {
	background-image: url(../img/product2.jpg);
}

.product-content.detail-applet.pres .pic-img {
	background-image: url(../img/product3.jpg);
}


@media screen and (min-width:1024px) {
	.product-content.detail-applet h2,.product-content.detail-applet p {
		text-align: left
	}

	.product-content.detail-applet .btn {
		margin-top: 4rem
	}

	.product-content.detail-applet .pic-img {
		margin-right: 200px
	}
}

@media screen and (min-width:1024px) and (max-width:1440px) {
	.product-content.detail-applet .pic-img {
		height: 450px;
    	max-width: 350px;
	}
}
/*运营后台详解图片*/


/*做对比*/
.product-content.pro-compare {
	height: 35rem;
	align-items: flex-end
}

.product-content.pro-compare .content-wrapper {
	width: 100%
}

.product-content.pro-compare .content-wrapper h2 {
	margin-bottom: 3rem
}

@media screen and (min-width:1024px) {
	.product-content.pro-compare {
		height: 660px
	}

	.product-content.pro-compare .content-wrapper h2 {
		margin-bottom: 2rem
	}
}

.product-content.pro-compare .content-wrapper .list-cells {
	margin: 0 -1.5rem;
	list-style: none
}

.product-content.pro-compare .content-wrapper .list-cells>:first-child {
	height: 22rem;
	background-color: #fafafa;
	flex-direction: column;
	flex-basis: 50%;
	align-items: flex-end
}

.product-content.pro-compare .content-wrapper .list-cells>:first-child h3 {
	margin: 2rem 1rem 1.5rem;
	color: #767d85;
	font-size: 1.5rem;
	text-align: right
}

@media screen and (min-width:1024px) {
	.product-content.pro-compare .content-wrapper .list-cells>:first-child {
		width: 50%;
		height: 547px
	}

	.product-content.pro-compare .content-wrapper .list-cells>:first-child h3 {
		margin: 4rem 3.5rem 2rem;
		font-size: 2rem
	}
}

.product-content.pro-compare .content-wrapper .list-cells>:first-child .list-content {
	margin: 0;
	align-items: flex-end;
	list-style: none
}

.product-content.pro-compare .content-wrapper .list-cells>:first-child .list-content .list-item {
	margin: 0 1rem 1rem;
	color: #969faa;
	font-size: 1rem
}

.product-content.pro-compare .content-wrapper .list-cells>:last-child {
	height: 22rem;
	background-color: #6ed0ce;
	flex-direction: column;
	flex-basis: 50%;
	align-items: flex-start
}

@media screen and (min-width:1024px) {
	.product-content.pro-compare .content-wrapper .list-cells>:first-child .list-content .list-item {
		margin: 0 3.5rem 2rem
	}

	.product-content.pro-compare .content-wrapper .list-cells>:last-child {
		width: 50%;
		height: 547px
	}
}

.product-content.pro-compare .content-wrapper .list-cells>:last-child h3 {
	margin: 2rem 1rem 1.5rem;
	font-size: 1.5rem;
	color: #1f7372
}

@media screen and (min-width:1024px) {
	.product-content.pro-compare .content-wrapper .list-cells>:last-child h3 {
		margin: 4rem 3.5rem 2rem;
		font-size: 2rem
	}
}

.product-content.pro-compare .content-wrapper .list-cells>:last-child .list-content {
	margin: 0;
	list-style: none;
	align-items: flex-start
}

.product-content.pro-compare .content-wrapper .list-cells>:last-child .list-content .list-item {
	margin: 0 1rem 1rem;
	font-size: 1rem;
	color: #086967
}

.customer-content {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	height: auto;
	padding: 2rem 0
}

@media screen and (min-width:1024px) {
	.product-content.pro-compare .content-wrapper .list-cells>:last-child .list-content .list-item {
		margin: 0 3.5rem 2rem;
		font-size: 1rem
	}

	.customer-content {
		height: 820px;
		padding: 0
	}
}

@media screen and (min-width:1024px) and (max-width:1440px) {
	.customer-content {
		height: 700px
	}
}



/*使用者*/
.customer-content .content-wrapper {
	padding: 0 1.5rem;
	max-width: 750px;
	text-align: center
}

.customer-content .content-wrapper h2 {
	margin: 0 auto 1rem;
	text-align: center;
	font-size: 2.25rem;
	color: #2a3541
}

@media screen and (min-width:1024px) {
	.customer-content .content-wrapper {
		max-width: 1200px
	}

	.customer-content .content-wrapper h2 {
		font-size: 2rem
	}

	.customer-content .content-wrapper p {
		max-width: 800px
	}
}

.customer-content .content-wrapper h3 {
	font-size: 1.6rem
}

.customer-content .content-wrapper p {
	margin: 0 auto;
	line-height: 1.8;
	text-align: center;
	font-size: 1.125rem;
	color: #7D858E
}

.customer-content .content-wrapper .btn {
	margin-top: 2rem
}

@media screen and (min-width:1024px) {
	.customer-content .content-wrapper .btn {
		margin-top: 3rem
	}
}

.customer-content .content-wrapper .list-cells {
	margin: 3rem auto
}

@media screen and (min-width:1024px) {
	.customer-content .content-wrapper .list-cells {
		margin: 70px auto 0
	}
}

.customer-content .content-wrapper .list-cells .list-item img {
	width: 8rem;
	height: 4rem;
	margin: 0 auto
}

@media screen and (min-width:1024px) {
	.customer-content .content-wrapper .list-cells .list-item {
		width: 240px;
		height: 75px;
		margin: 15px
	}

	.customer-content .content-wrapper .list-cells .list-item img {
		width: 100%;
		height: 100%
	}
}

/*底部联系我们*/
.list-content {
	display: flex;
	margin: 0 auto;
	padding: 0;
	flex-direction: column;
	align-items: center
}

.list-content .list-item,.list-content>* {
	display: flex;
	align-items: center;
	align-content: center
}

.list-cells {
	display: flex;
	margin: 0 auto;
	padding: 0;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center
}

.list-cells .list-item,.list-cells>* {
	display: flex;
	flex-grow: 1
}


.download-content .content-wrapper {
	margin: 4rem auto 0
}

/*.download-content .tab {
	margin: 0 auto
}*/

.download-content  .tab-cells {
	display: flex;
	margin: 0 auto;
	padding: 0;
	flex-direction: column;
	align-items: center;
}

.download-content  .tab-cells>* {
	display: flex;
	align-items: center;
	align-content: center
}

.download-content .tab-cells .tab-content {
	display: flex;
	flex-direction: column;
	margin: 4rem auto 2rem
}

@media screen and (min-width:1024px) {
	.download-content .tab-cells .tab-content {
		margin: 80px auto 40px
	}
}

.download-content .tab-cells .tab-content h3 {
	margin: 0 auto;
	max-width: 80%;
	color: #343f4b;
	text-align: center
}



@media screen and (min-width:1024px) and (max-width:1440px) {
	.download-content .tab-cells .tab-content h3 {
		font-size: 1.25rem
	}

	
}

.download-content .tab-cells .tab-content .btn {
	margin-bottom: 55px
}

@media screen and (min-width:1024px) {
	.download-content  .tab-cells .tab-content .download-list {
		display: flex;
		margin: 0 auto;
		padding: 0;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		justify-content: center
	}


	.download-content  .tab-cells .tab-content .download-list>* {
		display: flex;
		flex-grow: 1
	}
}

@media (max-width:768px) {
	.download-content .tab-cells .tab-content .download-list {
		display: flex;
		margin: 0 auto 2rem;
		padding: 0;
		flex-direction: column;
		align-items: center
	}

	.download-content  .tab-cells .tab-content .download-list>* {
		display: flex;
		align-items: center;
		align-content: center
	}
}

.download-content  .tab-cells .tab-content .download-list+h3 {
	margin-top: 3rem
}

.download-content .tab-cells .tab-content .download-listcell {
	width: 220px;
	max-width: 220px;
	height: auto;
	padding: 30px 20px;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(52,63,75,.12),inset 0 4px 0 0 #6ed0ce;
	color: #5a6978;
	text-align: center;
	flex-direction: column
}

@media screen and (min-width:1024px) {
	.download-content  .tab-cells .tab-content .download-listcell {
		height: 440px;
		margin: 0 20px 50px
	}
}

@media (max-width:768px) {
	.download-content .tab-cells .tab-content .download-listcell:not(:last-child) {
		margin-bottom: 3rem
	}
}

.download-content  .tab-cells .tab-content .download-listcell header .pro-name {
	font-size: 1.125rem;
	margin-bottom: 20px
}

.download-content .tab-cells .tab-content .download-listcell header .meta-price {
	margin-bottom: 10px;
	border-radius: 3px;
	font-size: 2rem;
	color: #2a3541
}

.download-content .tab-cells .tab-content .download-listcell header .meta-price a {
	cursor: pointer
}

.download-content  .tab-cells .tab-content .download-listcell header .meta-price span {
	display: inline-block;
	vertical-align: text-top
}

.download-content  .tab-cells .tab-content .download-listcell header .meta-price .currency-symbol {
	font-size: 1.25rem;
	vertical-align: super
}

.download-content .tab-cells .tab-content .download-listcell header .meta-unit {
	display: inline-block;
	min-width: 70px;
	line-height: 25px;
	margin: 0 auto;
	padding: 0 5px;
	border: 1px solid #e6e8e9;
	font-size: .75rem
}

.download-content  .tab-cells .tab-content .download-listcell header .meta-introText {
	margin-top: 10px;
	font-size: 12px;
	color: #969faa
}

.download-content  .tab-cells .tab-content .download-listcell ul.download-card {
	display: flex;
	margin: 30px auto 0;
	flex-direction: column;
	align-items: center;
	padding: 30px 0;
	list-style: none;
	text-align: center;
	border-top: solid 1px rgba(52,63,75,.12);
	line-height: 2;
	font-size: .75rem
}


.download-content .tab-cells .tab-content .download-listcell ul.download-card>* {
	display: flex;
	align-items: center;
	align-content: center
}

@media (max-width:768px) {
	.download-content  .tab-cells .tab-content .download-listcell ul.download-card {
		font-size: .875rem
	}
}

/*.download-content  .tab-cells .tab-content .download-listcell ul.download-card p {
	line-height: 2;
	color: #5a6978
}*/

.download-content  .tab-cells .tab-content .download-listcell ul.download-card .download-cardcell {
	max-width: 180px;
	text-align: left;
	line-height: 2.7
}
.download-content  .tab-cells .tab-content .download-listcell ul.download-card .download-cardcell:first-child {
	min-height: 180px;
    margin-bottom: 20px;
}
.download-content  .tab-cells .tab-content .download-listcell ul.download-card .download-cardcell img{
	max-width: 180px;
}
.download-content  .tab-cells .tab-content.cell-content {
	width: 1200px;
	max-width: 90%
}

.download-content  .tab-cells .tab-content.cell-content h3 {
	margin-bottom: 3.5rem
}


.download-content  .tab-cells .tab-content.cell-content .btn {
	margin-top: 4rem;
	line-height: 1.15;
}

.download-content  .tab-cells .tab-content.cell-content .btn [class*=" icon-"],
.download-content  .tab-cells .tab-content.cell-content .btn [class^=icon-] {
	margin-right: .5rem
}

/*常见问题*/
.download-content  .tab-cells .tab-content.content-faq {
	width: 100%;
	padding: 4rem 0;
	background-color: #F8F8F9
}

.download-content  .tab-cells .tab-content.content-faq h3 {
	margin-bottom: 2rem
}

@media screen and (min-width:1024px) {
	.download-content  .tab-cells .tab-content.content-faq {
		padding: 80px 0
	}

	.download-content  .tab-cells .tab-content.content-faq h3 {
		margin-bottom: 56px
	}
}

.download-content  .tab-cells .tab-content.content-faq dl {
	max-width: 80%;
	display: block;
	margin: 0 auto;
	text-align: center
}

.download-content  .tab-cells .tab-content.content-faq dl dt {
	color: #343f4b;
	font-size: 1.125rem;
	line-height: 1.8
}

@media screen and (min-width:1024px) {
	.download-content  .tab-cells .tab-content.content-faq dl {
		max-width: 600px;
		text-align: left
	}

	.download-content  .tab-cells .tab-content.content-faq dl dt {
		line-height: 2.2
	}
}

.download-content  .tab-cells .tab-content.content-faq dl dd {
	margin: 0;
	line-height: 1.8;
	color: #767d85;
	font-size: 1rem
}

.download-content  .tab-cells .tab-content.content-faq dl dd:not(:last-child) {
	margin-bottom: 2rem
}

@media screen and (min-width:1024px) {
	.download-content  .tab-cells .tab-content.content-faq dl dd:not(:last-child) {
		margin-bottom: 20px
	}

	.download-content  .tab-cells .tab-content.content-faq dl dd {
		line-height: 2
	}
}


#footer .contact__wechat:hover>.contact__qrcode,#footer .contact__weibo:hover>.contact__qrcode {
	display: block
}

/*底部*/
#footer {
	padding: 0 2rem;
	background-color: #fff
}

#footer a,#footer a:visited {
	color: #5a6978
}

#footer .content-wrapper {
	max-width: 1200px;
	padding: 40px 0 15px;
	margin: 0 auto
}

@media (min-width:1024px) {
	#footer .content-wrapper {
		padding: 90px 0 30px
	}
}

#footer .content-wrapper>.list-cells:first-child>.list-item {
	/*height: 300px;
	max-width: 240px;
	flex-direction: column;
	align-items: flex-start*/
}

@media (max-width:768px) {
	#footer .content-wrapper>.list-cells:first-child>.list-item {
		/*height: auto;
		width: 100%;*/
		margin-bottom: 2rem;
		align-items: center
	}

	#footer .content-wrapper>.list-cells:first-child>.list-item h4 {
		text-align: center
	}
}

#footer .content-wrapper>.list-cells:first-child>.list-item h4 {
	margin: 1rem 0;
	font-size: 1rem;
	color: #5a6978
}

#footer .content-wrapper>.list-cells:first-child>.list-item>.list-content {
	margin: 0;
	align-items: flex-start
}

#footer .content-wrapper>.list-cells:first-child>.list-item>.list-content .list-item {
	line-height: 2;
	font-size: .8125rem;
	color: #9aa7bd
}

#footer .content-wrapper>.list-cells:first-child>.list-item>.list-content .list-item:hover {
	color: #5a6978
}

@media (max-width:768px) {
	#footer .content-wrapper>.list-cells:first-child>.list-item>.list-content {
		align-items: center
	}

	#footer .content-wrapper>.list-cells:last-child {
		height: 3rem;
		flex-direction: column;
		align-items: center
	}
}

#footer .icon-fire {
	margin-left: .25rem;
	color: red;
	font-size: 1.125rem
}

#footer .contact-tel {
	font-size: 1.125rem;
	color: #9aa7bd
}

#footer .contact-tel:hover {
	color: #5a6978
}

#footer .contact__email {
	font-size: 1.125rem;
	color: #9aa7bd
}

#footer .contact__email:hover {
	color: #5a6978
}

#footer .contact__weibo {
	position: relative;
	font-size: 2.5rem;
	text-align: center;
	width: 4rem;
	color: #5a6978
}

#footer .contact__weibo:hover {
	color: #e6162d
}

#footer .contact__wechat {
	position: relative;
	font-size: 2.25rem;
	text-align: center;
	width: 4rem;
	color: #5a6978
}

#footer .contact__wechat:hover {
	color: #62b900
}

#footer .contact__qrcode {
	display: none;
	position: absolute;
	left: -130px;
	top: -300px;
	width: 240px;
	height: 280px;
	padding: 20px;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 0 4px 12px 0 rgba(52,63,75,.06),0 10px 50px 0 rgba(52,63,75,.12),0 0 0 1px rgba(52,63,75,.02)
}

#footer .contact__qrcode>img {
	display: block;
	max-width: 240px;
	max-height: 240px
}

#footer .contact__qrcode>div {
	margin-top: 1rem;
	font-size: 1rem;
	text-align: center;
	color: #9aa7bd
}

#footer .copyright,#footer .icp {
	font-size: .75rem;
	color: #9aa7bd
}

#footer .icp {
	justify-content: flex-end
}





/*集团简介*/
section.product-content.groupProfile {
	height: 36rem;
}
@media screen and (min-width:768px) {
	.product-content.groupProfile .content-wrapper{
		flex-direction: column
	}

	.product-content.groupProfile .content-wrapper>*{
		flex-basis: auto;
		align-items: center
	}

	.product-content.groupProfile .content-wrapper p{
		text-align: left
	}
}

@media (min-width:768px) {
	.product-content.groupProfile{
		height: 600px
	}

	.product-content.groupProfile .content-wrapper {
		/*position: absolute;
		left: 45%*/
	}
}
.product-content.groupProfile .content-wrapper{
	height: 100%
}
@media (max-width:768px) {
	.product-content.groupProfile .content-wrapper{
		display: flex;
		margin: 0 auto;
		padding: 0 1.5rem;
		flex-direction: column;
		align-items: center;
	}
}

@media screen and (min-width:768px) {
	.product-content.groupProfile .content-wrapper{
		display: flex;
		margin: 0 auto;
		padding: 0 ;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		justify-content: center;
		width: 1200px;
		max-width: 90%;
	}
}

.product-content.groupProfile .content-wrapper>*{
	flex-direction: column;
	flex-basis: 50%;
	justify-content: center
}

.product-content.groupProfile .content-wrapper h2{
	margin: 0;
	max-width: 80%;
	text-align: left
}

@media screen and (min-width:768px) {
	.product-content.groupProfile .content-wrapper>:last-child{
		align-items: flex-end
	}

	.product-content.groupProfile .content-wrapper h2{
		width: 480px
	}

	.product-content.groupProfile .img-placeholder{
		height: 440px
	}
}

.product-content.groupProfile .img-placeholder{
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

.product-content.groupProfile .img-placeholder {
	background-image: url(../img/iPhone.png)
}
@media (max-width: 768px){
	.product-content.groupProfile .content-wrapper>* {
	    display: flex;
	    align-items: center;
	    align-content: center;
	}
}
/*政策背景*/

section.policyBackground {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	height: auto;
	background-color: #fafafa
}
section.policyBackground {
	height: 500px
}


section.policyBackground .content-wrapper {
	width: 1200px;
	max-width: 100%;
	padding: 0 1.5rem
}
section.policyBackground .content-wrapper h2{
	text-align: center;
	margin: 0 auto 3rem;
}
section.policyBackground .content-wrapper .policyImg {
	width: 200px;
	height: 62px
}

section.policyBackground .content-wrapper .policyList {
	justify-content: space-around;
	display: flex;
    margin: 0 auto;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.policyList .policyListitem, .policyList>* {
    display: flex;
    flex-grow: 1;
}
@media screen and (min-width:1024px) {
	section.policyBackground .content-wrapper .policyImg {
		width: 200px;
		height: 62px;
		margin-left: -50px
	}

	section.policyBackground .content-wrapper .policyList {
		align-items: flex-start
	}

	section.policyBackground .content-wrapper .policyList .policyListitem {
		flex-grow: initial;
		flex-direction: column;
		justify-content: space-between;
	}
}

section.policyBackground .content-wrapper .policyListcon p {
	max-width: 280px;
	margin: 0 auto 1.5rem;
	line-height: 1.8;
	font-size: .8125rem;
	color: #767d85
}
.textRed{
	color: #CF1900;
	font-weight: bold;
}
@media (max-width:768px) {
	section.policyBackground .content-wrapper .policyList {
		flex-direction: column
	}

	section.policyBackground .content-wrapper .policyList .policyListitem {
		flex-direction: column;
		align-items: center;
		justify-content: space-between
	}
	section.policyBackground .content-wrapper h2 {
	    font-size: 1.4rem;
	    margin-bottom: 2rem;
	}
	section.policyBackground {
		padding: 2rem 0
	}
	section.policyBackground {
		height: 50rem;
	}
}

/*解决人们群众就医问题*/

.product-content.problems .content-wrapper>.list-cells .list-item p,
.product-content.strategy .content-wrapper>.list-cells .list-item p,
.product-content.solveProblems .content-wrapper>.list-cells .list-item p {
    max-width: 280px;
}


.product-content.problems {
    height: 600px;
}

.product-content.problems .content-wrapper>.list-cells .list-content img,
.product-content.strategy .content-wrapper>.list-cells .list-content img{
    width: 70px;
    height: 70px;
}

@media (max-width: 768px){
	.product-content.problems,
	.product-content.strategy {
	    height: 56rem;
	}
	.product-content.problems .list-item,
	.product-content.strategy .list-item{
		margin-bottom: 20px;
	}
}

/*困境*/
.bgGray{
    background-color: #fafafa;
}
.product-content.serviceProblem {
	height: 600px;
}

.product-content.serviceProblem .content-wrapper>.list-cells .list-item {
	background: #fff;
    border-radius: 14px;
    box-shadow: 0 1px 30px rgba(79,127,174,.13);
    position: relative;
    margin: 0 10px 24px;
}
.product-content.serviceProblem .content-wrapper .textCon{
	width: 100%;
	padding: 26px 10px 20px;
	height: 154px;
	text-align: center;
	background: linear-gradient(#f8fafb 2%,#fff 70%);
    box-shadow: 0 1px 8px rgba(79,127,174,.08);
    box-sizing: border-box;
    border-radius: 0 0 12px 12px;
    margin-bottom: 3px;
}
.list-content.serviceProblem .list-item, .list-content>* {
    display: block;
}

.product-content .content-wrapper>.list-cells .list-content {
	align-items: center;
	margin-bottom: 0;
}
.product-content.serviceProblem .list-content{
 	margin: 0 3px;
 	width: 100%;
}
.product-content.serviceProblem .content-wrapper>.list-cells .list-content img {
	width: 70px;
	height: 70px;
	padding: 40px 0 20px 0;
}
.product-content.serviceProblem .content-wrapper .textCon h3{
	margin: 0;
}
@media (max-width: 768px){
	.product-content.serviceProblem {
		height: 120rem;
	}
	.product-content .content-wrapper p {
	    font-size: 1rem;
	}
}


/*解决困境*/

.product-content.solveProblems {
    height: 800px;
}

.product-content.solveProblems .content-wrapper .list-cells{
	margin-bottom: 50px;
}
.product-content.solveProblems .content-wrapper .list-cells:last-child{
	margin-bottom: 0px;
}
.product-content.solveProblems .content-wrapper>.list-cells .list-content img{
	box-shadow: 0 10px 30px rgba(79,127,174,.13);
	border-radius: 50%;
}
.product-content.solveProblems .content-wrapper h3{
	margin-top: 10px;
	margin-bottom: 10px;
	color: #4a515a;
}
.product-content.solveProblems .content-wrapper .iconImg{
    box-shadow: 0 10px 30px rgba(79,127,174,.13);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    background-size: 55%;
    background-position: center;
    background-repeat: no-repeat;
}
.product-content.solveProblems .content-wrapper .icon1{
    background-image: url(../img/solve1.png);
}
.product-content.solveProblems .content-wrapper .icon2{
    background-image: url(../img/solve2.png);
}
.product-content.solveProblems .content-wrapper .icon3{
    background-image: url(../img/solve3.png);
}
.product-content.solveProblems .content-wrapper .icon4{
    background-image: url(../img/solve4.png);
}
.product-content.solveProblems .content-wrapper .icon5{
    background-image: url(../img/solve5.png);
}
.product-content.solveProblems .content-wrapper .icon6{
    background-image: url(../img/solve7.png);
}
@media (max-width: 768px){
	.product-content.solveProblems {
		height: 96rem;
	}
	.product-content.solveProblems .content-wrapper .list-cells{
		margin-bottom: 0px;
	}
	.product-content.solveProblems .content-wrapper .list-item{
		margin: 10px 0;
	}
}

/*解决方案*/
section.product-content.solutions.heightAuto{
    height: auto;
}
@media screen and (min-width: 1024px){
	.product-content.solutions .content-wrapper h2 {
	    margin-bottom: 2rem;
	}
}

.product-content.solutions .content-wrapper {
    display: flex;
    margin: 0 auto;
    padding: 0;
    flex-direction: column;
    align-items: center;
    width: 1040px;
    max-width: 100%;
}
.product-content.solutions.heightAuto .list-cells {
    margin-bottom: 80px;
}
.product-content.solutions .content-wrapper>.list-cells .list-content img {
    width: 100%;
    height: auto;
}
@media (max-width: 768px){
	.product-content.solutions.heightAuto{
	    height: 60rem;
	}
	.product-content.solutions.heightAuto .content-wrapper h2 {
	    margin-bottom: 0;
	}
	.product-content.solutions .list-cells {
	    margin-bottom: 0px;
	}
	.product-content.solutions .content-wrapper {
	    padding: 0 0.5rem;
	    box-sizing: border-box;
	}
}



/*患者小程序*/
.product-content.patApplet {
    height: 54rem;
}
.product-content.patApplet .content-wrapper h2 {
    margin-bottom: 3rem;
}
.product-content.patApplet .tab {
    margin: 0 auto;
}
.product-content.patApplet .tab .tabLinks {
    display: flex;
    margin: 0 auto;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    max-width: 820px;
    border-bottom: 1px solid #e2e2e2;
}
.product-content.patApplet .tab .tabLinks .tabLink{
    height: 50px;
    width: 90px;
    color: #767d85;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1rem;
}
.product-content.patApplet .tab .tabLinks .tabLink:not(:last-child) {
    margin-right: 32px;
}
.product-content.patApplet .tab .tabLinks>* {
    display: flex;
    flex-grow: 1;
}
.product-content.patApplet .tab .tabLinks .tabLink.active,
.product-content.patApplet .tab .tabLinks .tabLink:hover{
    color: #2a3541;
    box-shadow: 0 1px 0 #2a3541;
}

.product-content.patApplet .tab .tabContents {
    display: flex;
    margin: 0 auto;
    padding: 0;
    flex-direction: column;
    align-items: center;
}
.product-content.patApplet .tab .tabContent {
    display: flex;
    flex-direction: column;
}
.product-content.patApplet .tab .tabContents>* {
    display: flex;
    align-items: center;
    align-content: center;
}
.product-content.patApplet .tab h3 {
    margin: 0 auto;
    max-width: 80%;
    color: #343f4b;
    text-align: center;
    margin-top: 20px;
}
@media screen and (min-width: 1024px){
	.product-content.patApplet .tab .picList {
	    display: flex;
	    margin: 0 auto;
	    padding: 0;
	    flex-direction: row;
	    flex-wrap: wrap;
	    align-items: center;
	    align-content: center;
	    justify-content: center;
	}
	.product-content.patApplet .tab .picList .picCon {
	    height: 680px;
	    margin: 0 20px;
	}
	.product-content.patApplet .tab .tabContent{
	    /*margin: 40px auto;*/
	}
}
.product-content.patApplet .tab .picList .picCon {
	display: flex;
    height: auto;
    padding: 30px 10px;
    border-radius: 3px;
    color: #5a6978;
    text-align: center;
    flex-direction: column;
}
.product-content.patApplet .tab .picList .picCon img{
	width: 100%;
	max-width: 250px;
    box-shadow: 0 1px 30px rgba(79,127,174,.13);
}
@media screen and (max-width: 1440px) and (min-width: 1024px){
	.product-content.patApplet .tab .picList .picCon img{
		max-width: 230px;
	}
}
.product-content.patApplet .tab .picList .picCon .picTitle{
	font-size: 1.125rem;
    margin-bottom: 20px;
    font-weight: bold;
}
@media (max-width: 768px){
	.product-content.patApplet {
	    height: 466rem;
	}
	.product-content.patApplet .tab .tabLinks {
	    display: none;
	}
	.product-content.patApplet .content-wrapper h2 {
	    margin-bottom: 0;
	}
	.product-content.patApplet .tab .picList .picCon {
	    padding: 20px 10px;
	}
	.product-content.patApplet .tab .picList .picCon .picTitle {
	    /*margin-bottom: 10px;*/
        font-size: 1.1rem;
	}
}


/*后台*/
.product-content.patApplet.web {
    height: 48rem;
}
.product-content.patApplet.web .tab .tabContent{
	margin-top: 40px;
}
.product-content.patApplet.web .tab .picList .picCon img{
	max-width: 1000px;
}
.product-content.patApplet.web  .tab .picList .picCon {
	padding: 0px 0px;
}
@media screen and (max-width: 1440px) and (min-width: 1024px){
	.product-content.patApplet.web .tab .picList .picCon img{
		max-width: 800px;
	}
	.product-content.patApplet.web {
	    height: 40rem;
	}
}
@media (max-width: 768px){
	.product-content.patApplet.web {
	    height: 70rem;
	}
	.product-content.patApplet.web.fourPic {
	    height: 58rem;
	}
	.product-content.patApplet .content-wrapper h2 {
	    margin-bottom: 2rem;
	}
	.product-content.patApplet.web .tab .picList .picCon {
	    padding: 10px 0px;
	}
}


/*其他功能*/
@media screen and (min-width: 1024px){
	.product-content.solveProblems.video,
	.product-content.solveProblems.station {
	    height: 600px;
	}
}
.product-content.solveProblems.video .content-wrapper .icon1 {
    background-image: url(../img/other1.png);
}
.product-content.solveProblems.video .content-wrapper .icon2 {
    background-image: url(../img/other2.png);
}
.product-content.solveProblems.video .content-wrapper .icon3 {
    background-image: url(../img/other3.png);
}
.product-content.solveProblems.video .content-wrapper .icon4 {
    background-image: url(../img/other4.png);
}
.product-content.solveProblems.video .content-wrapper .icon5 {
    background-image: url(../img/other5.png);
}
.product-content.solveProblems.video .content-wrapper .icon6 {
    background-image: url(../img/other6.png);
}

.product-content.solveProblems.station .content-wrapper .icon1 {
    background-image: url(../img/other7.png);
}
.product-content.solveProblems.station .content-wrapper .icon2 {
    background-image: url(../img/other8.png);
}
.product-content.solveProblems.station .content-wrapper .icon3 {
    background-image: url(../img/other9.png);
}
.product-content.solveProblems.station .content-wrapper .icon4 {
    background-image: url(../img/other10.png);
}
.product-content.solveProblems.station .content-wrapper .icon5 {
    background-image: url(../img/other11.png);
}
.product-content.solveProblems.station .content-wrapper .icon6 {
    background-image: url(../img/other12.png);
}
@media (max-width: 768px){
	.product-content.solveProblems.video .content-wrapper .list-item,
	.product-content.solveProblems.station .content-wrapper .list-item {
	    margin: 10px 10px;
	}
	.product-content.solveProblems.video,
	.product-content.solveProblems.station {
	    height: 30rem;
	}
	.product-content.solveProblems.video .content-wrapper h2,
	.product-content.solveProblems.station .content-wrapper h2,
	.product-content.technology .content-wrapper h2,
	.product-content.applyto .content-wrapper h2  {
	    margin-bottom: 0;
	}
	.product-content.applyto {
	    height: 98rem;
	}
}



/*监管平台*/
.product-content.applyto .content-wrapper>.list-cells .list-content img.platImg {
    width: 100%;
    height: auto;    
}
@media screen and (min-width: 1024px){
	.product-content.applyto .content-wrapper h2 {
	    margin-bottom: 3rem;
	}
	.product-content.platform .content-wrapper {
	    width: 900px;
	}
	.product-content.platform .content-wrapper>.list-cells .list-item {
	    max-width: 400px;
	}
}
@media (max-width: 768px){
	.product-content.applyto .content-wrapper>.list-cells .list-content img.platImg {
		border: 1px solid #ddd;
	}
	.product-content.platform{
	    height: 60rem;
	}
}

/*运营策略*/
@media screen and (min-width: 1024px){
	section.product-content.strategy h3 {
	    font-size: 1.1rem;
	}
	.product-content.solutions.system h2{
	    margin-bottom: 3rem;
	}
	.product-content.strategy {
	    height: 500px;
	}
}
@media (max-width: 768px){
	/*.product-content.problems {
	    height: 56rem;
	}*/
	.product-content.technology,
	.product-content.system  {
	    height: 18rem;
	}
	.product-content.plats {
	    height: 20rem;
	}
	.product-content.problems.strategy .list-item{
		margin-bottom: 2rem;
	}
	.product-content.problems.strategy h3{
		padding: 0;
		/*margin: 6px 0;*/
	}
}

/*客户案例*/
.banner.banner-content.customer {
    height: 600px;
    background-image: linear-gradient(rgba(52,63,75,.7),rgba(52,63,75,.7)),url(../img/3.jpg);
    background-attachment: scroll;
}

.container-out {
    margin: 100px auto 0;
    min-width: 1099px;
    width: 50%;
    padding: 0;
}
.customer-wrapper {
   	display: block;
    width: 100%;
    margin: 0 auto;
}
.customer-wrapper:after {
	content: "";
	display: table;
	clear: both
}
.customer-wrapper li:nth-last-of-type(even) {
    margin-right: 6%;
}
.customer-wrapper li:hover .introText {
	transform: translateY(-350px)
}
.customer-wrapper li {
	padding: 0;
	margin: 0;
    display: block;
    float: left;
    width: 47%;
    height: 416px;
    overflow: hidden;
    margin-bottom: 50px;
    -webkit-box-shadow: 0 1px 30px rgba(79,127,174,.13);
    box-shadow: 0 1px 30px rgba(79,127,174,.13);
}

/*清浮动*/
.clear:after {
	content: "";
	display: block;
	clear: both
}
/*图片部分*/
.customer-wrapper li .customerCon {
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: relative;
    transition: height ease-in .9s;
    -moz-transition: height ease-in .9s;
    -webkit-transition: height ease-in .9s;
    -o-transition: height ease-in .9s;
}

.customer-wrapper li .customerCon img {
	width: 100%;
}

.imgGray{
    width: 100%;
    height: 100%;
	background: rgba(52,63,75,.5);
	position: absolute;
	top: 0;
	left: 0;
	/*z-index: 2;*/
}

.customer-wrapper li .customerCon h3 {
    top: 0;
    left: 0;
    font-size: 20px;
    color: #fff;
    width: 100%;
    height: 350px;
    position: absolute;
    line-height: 350px;
    text-align: center;
    padding: 0;
    margin: 0;
    font-weight: normal;
}

/*文字*/
.customer-wrapper li .introText {
    width: 100%;
    height: 416px;
    transition: transform .6s;
    background: #fff;
}
.introLogo{
    display: block;
    width: 100%;
    height: 66px;
}
	
.customer-wrapper li .introText img {
	height: 66px;
}

.customer-wrapper li .introText p {
	display: block;
    width: 80%;
    height: 66px;
    padding: 5% 10%;
    font-size: 15px;
    line-height: 1.5;
    color: #7D858E;
    margin: 0;
}
@media screen and (max-width: 1099px) and (min-width: 768px){
	.container-out{
	    min-width: 0;
	    width: 100%;
	}
	.customer-wrapper {
	    width: 100%;
	    margin: 0 auto;
	}
	.customer-wrapper li:nth-last-of-type(even) {
	    margin-right: 4%;
	    margin-left: 4%;
	}
	.customer-wrapper li{
	    width: 44%;
    	height: 330px;
	}
	.customer-wrapper li .customerCon {
        width: 100%;
    	height: 264px;
	}
	.customer-wrapper li .customerCon h3{
		width: 100%;
	    height: 264px;
	    line-height: 264px;
	}
	.customer-wrapper li .introText{
	    width: 100%;
	    height: 330px;
	}
	.customer-wrapper li:hover .introText {
		transform: translateY(-264px)
	}
}
@media screen and (max-width: 767px){
	.container-out {
	    width: 100%;
	    min-width: 0;
	    margin: 80px auto 0;
	}
	/*.customer-wrapper {
   		padding-bottom: 24px;
	}*/
	.customer-wrapper li{
	    width: 100%;
    	height: 330px;
	}
	.customer-wrapper li .customerCon {
        width: 100%;
    	height: 264px;
	}
	.customer-wrapper li .customerCon h3{
		width: 100%;
	    height: 264px;
	    line-height: 364px;
	}
	.customer-wrapper li .introText{
	    width: 100%;
	    height: 330px;
	}
	.customer-wrapper li:hover .introText {
		transform: translateY(-264px)
	}
}

/*公司介绍*/
section.banner.company .content-wrapper{
    padding: 12rem 1.5rem 0;
}
.banner.banner-content.company {
    height: 400px;
    background-image: linear-gradient(rgba(52,63,75,.7),rgba(52,63,75,.7)),url(../img/company.jpg);
    background-attachment: scroll;
}
.company-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 40px 20px 0;
}
.company-container .article-wrapper {
    max-width: 640px;
    margin: 0 auto;
}
.company-container .article-wrapper .article {
    padding: 0;
}
.page {
    font-size: 15px;
    line-height: 1.6;
    display: block;
    word-wrap: break-word;
    overflow: hidden;
    line-height: 1.7;
    text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
}
.page p{
    margin-top: 0;
    margin-bottom: .85em;
    orphans: 3;
    widows: 3;
    line-height: 1.8;
    color: #7D858E;
}
.page * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: inherit;
}
@media (max-width: 768px){
	section.banner.company .content-wrapper {
	    padding: 2rem 1.5rem 0;
	}
	.banner.banner-content.company {
	    height: 400px;
	    background-image: linear-gradient(rgba(52,63,75,.7),rgba(52,63,75,.7)),url(../img/cusimg1.jpg);
	}
}

/*延续服务*/
section.banner.banner-content.solution.continue {
    height: 100vh;
    background-attachment: fixed;
    background-image: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)),url(../img/2.jpg);
}
/*现存问题*/
@media screen and (min-width: 1024px){
	.product-content.problems.continue .content-wrapper>.list-cells .list-item {
	    max-width: 600px;
	}
	.product-content.problems.continue .content-wrapper>.list-cells .list-item p {
	    max-width: 400px;
	}
}
/*患者全程管理模式*/
/*section.product-content.groupProfile.continue{
    height: 30rem;
}*/
.product-content.groupProfile.continue .img-placeholder {
    background-image: url(../img/model2.png);
}
/*延续服务管理系统*/
section.product-content.groupProfile.groupProfile.contsystem {
    height: 32rem;
}
.product-content.groupProfile.contsystem .img-placeholder {
    background-image: url(../img/model4.png);
}
/*有效促进患者健康*/
.product-content.solveProblems.continue {
    height: 400px;
}
.product-content.solveProblems.continue .content-wrapper .list-cells {
    margin-bottom: 0px;
}
.product-content.solveProblems.continue .content-wrapper .icon1{
    background-image: url(../img/health1.png);
}
.product-content.solveProblems.continue .content-wrapper .icon2{
    background-image: url(../img/health2.png);
}
.product-content.solveProblems.continue .content-wrapper .icon3{
    background-image: url(../img/health3.png);
}
.product-content.solveProblems.continue .content-wrapper .icon4{
    background-image: url(../img/health4.png);
}

@media (max-width: 768px){
	.product-content.patApplet.web.cont .tab .tabContent {
	    margin-top: 0px;
	}
	.product-content.solveProblems.continue {
	    height: 52rem;
	}
	.product-content.solveProblems.continue .content-wrapper .list-item {
	    width: 100%;
	    box-sizing: border-box;
	}
}